.tab_show {
    display: block;
}
.tab_hide {
    display: none;
}
.button-sp-area {
    padding: 5px;
    margin-top: 15px;
}
footer {
    width: 100%;
    background-color: #F7F7FA;
    position: fixed;
    bottom: 0;
}
.in_center {
    margin: auto auto;
}
.font18 {
    font-size: 18px;
}
.btnSlideUp
{
    animation: showBtn 0.5s;
    -moz-animation: showBtn 0.5s;	/* Firefox */
    -webkit-animation: showBtn 0.5s;	/* Safari 和 Chrome */
    -o-animation: showBtn 0.5s;	/* Opera */
}
.btnSlideDown {
    animation: hideBtn 0.5s;
    -moz-animation: hideBtn 0.5s;	/* Firefox */
    -webkit-animation: hideBtn 0.5s;	/* Safari 和 Chrome */
    -o-animation: hideBtn 0.5s;	/* Opera */
}

@keyframes showBtn
{
    0% {transform: translateX(-0px);}
    100% {transform: translateX(-100px);}
}
@-moz-keyframes showBtn /* Firefox */
{
    0% {transform: translateX(-0px);}
    100% {transform: translateX(-100px);}
}

@-webkit-keyframes showBtn /* Safari 和 Chrome */
{
    0% {transform: translateX(-0px);}
    100% {transform: translateX(-100px);}
}

@-o-keyframes showBtn /* Opera */
{
    0% {transform: translateX(-0px);}
    100% {transform: translateX(-100px);}
}

@keyframes hideBtn
{
    0% {transform: translateX(-100px);}
    100% {transform: translateX(-0px);}
}
@-moz-keyframes hideBtn /* Firefox */
{
    0% {transform: translateX(-100px);}
    100% {transform: translateX(-0px);}
}

@-webkit-keyframes hideBtn /* Safari 和 Chrome */
{
    0% {transform: translateX(-100px);}
    100% {transform: translateX(-0px);}
}

@-o-keyframes hideBtn /* Opera */
{
    0% {transform: translateX(-100px);}
    100% {transform: translateX(-0px);}
}